.work-plan {
  width: 100%;
  &-item {
    display: flex;
    // align-items: center;
    width: 100%;
    &:not(:last-child) {
      padding-bottom: 10px;
      // border-bottom: 1px solid #ccc;
    }
    &-index {
      width: 50px;
      text-align: center;
      align-self: center;
    }
    textarea {
      width: 500px;
      resize: vertical;
    }
    &-state {
      // width: 200px;
      height: inherit;
      display: flex;
      &-percent {
        align-self: center;
      }
      width: 300px;
    }
    &-del {
      display: none;
      align-self: center;
      color: red;
      cursor: pointer;
      margin-left: 10px;
    }
    &:hover {
      .work-plan-item-del {
        display: inline-block;
      }
    }
  }
}
